<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>div{width:10px;height:10px;background-color: red;}</style>
    <script>
        function getPos(ev){
            var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
            var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
            return{x:ev.clientX+scrollLeft,y:ev.clientY+scrollTop};
        }

  document.onmouseover=function(ev){
  var  oEvent=ev||event;
  var pos=getPos(oEvent);
  var aDiv=document.getElementsByTagName('div');
  for(var i=aDiv.length-1;i>0;i--){//后面的一个跟着前一个走，第一个div跟着鼠标走，所以让其倒着循环
      aDiv[i].style.left=aDiv[i-1].offsetLeft+'px';//这行代码表示后面的一个div跟着前一个div走
      aDiv[i].style.top=aDiv[i-1].offsetTop+'px';
  }
      aDiv[0].style.left=pos.x+'px';//第一个div跟着鼠标走
      aDiv[0].style.top=pos.y+'px';
 };
    </script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>